<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="UTF-8">
    <title>w3school 仿站</title>
    <link rel="stylesheet"  href="css/w3school.css">
</head>
<body>
<div id="homefirst">
    <div id="header">
        <h1><a href="#">W3school</a></h1>
    </div>

    <div id="navfirst">
        <ul>
            <li><a href="#">HTML/CSS</a></li>
            <li><a href="#">JavaScript</a></li>
            <li><a href="#">Server Side</a></li>
            <li><a href="#">ASP.NET</a></li>
            <li><a href="#">XML</a></li>
            <li><a href="#">Web Services</a></li>
            <li><a href="#">Web Building</a></li>
        </ul>
    </div>

    <div id="navsecond">
        <h2 class="nav_second-padding">HTML教程</h2>
        <ul>
            <li><a href="#">HTML</a></li>
            <li><a href="#">HTML5</a></li>
            <li><a href="#">XHTML</a></li>
            <li><a href="#">CSS</a></li>
            <li><a href="#">CSS3</a></li>
            <li><a href="#">TCP/IP</a></li>
        </ul>

        <h2>浏览器脚本</h2>
        <ul>
            <li><a href="#">JavaScript</a></li>
            <li><a href="#">HTML DOM</a></li>
            <li><a href="#">jQuery</a></li>
            <li><a href="#">JQuery Mobile</a></li>
            <li><a href="#">AJAX</a></li>
            <li><a href="#">JSON</a></li>
            <li><a href="#">DHTML</a></li>
            <li><a href="#">E4X</a></li>
            <li><a href="#">WMLScript</a></li>
        </ul>


        <h2>服务器脚本</h2>
        <ul>
            <li><a href="#">PHP</a></li>
            <li><a href="#">SQL</a></li>
            <li><a href="#">ASP</a></li>
            <li><a href="#">ADO</a></li>
            <li><a href="#">VBScript</a></li>
        </ul>


        <h2>XML教程</h2>
        <ul>
            <li><a href="#">XML</a></li>
            <li><a href="#">DTD</a></li>
            <li><a href="#">XML DOM</a></li>
            <li><a href="#">XSL</a></li>
            <li><a href="#">XSLT</a></li>
            <li><a href="#">XSL-FO</a></li>
            <li><a href="#">XPath</a></li>
            <li><a href="#">XQurey</a></li>
            <li><a href="#">XLink</a></li>
            <li><a href="#">XPointer</a></li>
            <li><a href="#">Schema</a></li>
            <li><a href="#">XForms</a></li>
            <li><a href="#">WAP</a></li>
            <li><a href="#">SVG</a></li>
        </ul>


        <h2>Web Services</h2>
        <ul>
            <li><a href="#">Web Service</a></li>
            <li><a href="#">WSDL</a></li>
            <li><a href="#">SOAP</a></li>
            <li><a href="#">PSS</a></li>
            <li><a href="#">RDF</a></li>
        </ul>


        <h2>.NET</h2>
        <ul>
            <li><a href="#">ASP.NET</a></li>
            <li><a href="#">Web Pages</a></li>
            <li><a href="#">Razor</a></li>
            <li><a href="#">MVC</a></li>
            <li><a href="#">Web Forms</a></li>
        </ul>


        <h2>建站手册</h2>
        <ul>
            <li><a href="#">网站构建</a></li>
            <li><a href="#">万维网联盟（W3C）</a></li>
            <li><a href="#">浏览器信息</a></li>
            <li><a href="#">网站品质</a></li>
            <li><a href="#">语义网</a></li>
            <li><a href="#">职业规划</a></li>
            <li><a href="#">网站主机</a></li>
            <li><a href="#">网络媒体</a></li>
        </ul>

        <h2><a href="#" id="about">关于 W3school</a></h2>
        <h2><a href="#" id="help">帮助 W3school</a></h2>
    </div>

    <div id="maincontent">
        <div id="w3">
            <h2>领先的 Web 技术教程 - 全部免费</h2>
            <p>在 w3school，你可以找到你所需要的所有的网站建设教程。</p>
            <p>从基础的 HTML 到 CSS，乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。</p>
            <p><b>从左侧的菜单选择你需要的教程 !</b></p>
        </div>

        <div class="idea">
            <img src="img/site_photoref.jpg" alt="完整的网站技术参考手册">
            <h3>完整的网站技术参考手册</h3>
            <p>我们的参考手册涵盖了网站技术的方方面面。</p>
            <p>其中包括W3C的标准技术：HTML、CSS、XML 。以及其他的技术，诸如JavaScript、PHP、SQL等等。</p>
        </div>

        <div class="idea">
            <img src="img/site_photoexa.jpg" alt="在线实例测试工具">
            <h3>在线实例测试工具</h3>
            <p>在w3school，我们提供上千个实例。</p>
            <p>通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。</p>
        </div>

        <div class="idea">
            <img src="img/site_photoqe.jpg" alt="快捷易懂的学习方式">
            <h3>快捷易懂的学习方式</h3>
            <p>一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。</p>
            <p>在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。</p>
        </div>

        <div>
            <h3>从何入手？</h3>
            <p>什么是一个Web建设者需要学习的知识呢？</p>
            <p>W3School将为您回答这个问题，在您成为专业Web开发者的路上助一臂之力，从而更好地应对未来的挑战。</p>
            <p>如果您是初学者，请您阅读《<a href="#">网站构建初级教程</a>》。</p>
            <p>如果您是开发者，请您阅读《<a href="#">网站构建高级教程</a>》。</p>
        </div>

        <div>
            <h3>W3School 新闻</h3>
            <p><a href="#">CSS3 参考手册</a>已上线，敬请批评指正</p>
        </div>

        <div>
            <h3>W3School 更新信息</h3>
            <p>
                <a href="#">参考手册:PHP Calendar 函数</a>&nbsp;&nbsp;&nbsp;
                <a href="#">参考手册：PHP Date / Time 函数</a>&nbsp;&nbsp;&nbsp;
                <a href="#">教程：HTML 教程</a>
            </p>
        </div>

        <div>
            <h3>W3School 友情链接</h3>
            <p id="partner">
                <a href="#">Firefox中文社区</a>&nbsp;&nbsp;&nbsp;
                <a href="#">W3C中国总部</a>&nbsp;&nbsp;&nbsp;
                <a href="#">w3ctech</a>
            </p>
        </div>
    </div>

    <div id="sidebar">
        <div id="search">
            <form method="get" id="searchform" action="http://www.google.com.hk/search">
                <p><label for="searched_content">Search:</label></p>
                <p><input type="hidden" name="sitesearch" value="w3school.com.cn" /></p>
                <p>
                    <input type="text" name="as_q" class="box"  id="searched_content" title="在此输入搜索内容。" />
                    <input type="submit" value="Go" class="button" title="搜索！" />
                </p>
            </form>
        </div>
        <h2>参考手册</h2>
        <ul>
            <li><a href="#">HTML/HTML5标签</a></li>
            <li><a href="#">HTML 颜色</a></li>
            <li><a href="#">CSS 1,2,3</a></li>
            <li><a href="#">JavaScript</a></li>
            <li><a href="#">HTML DOM</a></li>
            <li><a href="#">jQuery</a></li>
            <li><a href="#">JQuery Mobile</a></li>
            <li><a href="#">VBScript</a></li>
            <li><a href="#">ASP</a></li>
            <li><a href="#">ADO</a></li>
            <li><a href="#">ASP.NET</a></li>
            <li><a href="#">PHP 5.1</a></li>
            <li><a href="#">XML DOM</a></li>
            <li><a href="#">XSLT 1.0</a></li>
            <li><a href="#">XPath 2.0</a></li>
            <li><a href="#">XSL-FO</a></li>
            <li><a href="#">WML 1.1</a></li>
            <li><a href="#">W3C 术语表</a></li>
        </ul>

        <h2>字符集</h2>
        <ul>
            <li><a href="#">HTML 字符集</a></li>
            <li><a href="#">HTML ASCII</a></li>
            <li><a href="#">HTML ISO-8859-1</a></li>
            <li><a href="#">HTML 符号</a></li>
        </ul>

        <h2>实例/案例</h2>
        <ul>
            <li><a href="#">HTML 实例</a></li>
            <li><a href="#">CSS 实例</a></li>
            <li><a href="#">XML 实例</a></li>
            <li><a href="#">JavaScript 实例</a></li>
            <li><a href="#">JavaScript 对象实例</a></li>
            <li><a href="#">HTML DOM 实例</a></li>
            <li><a href="#">jQuery 实例</a></li>
            <li><a href="#">jQuery Mobile 实例</a></li>
            <li><a href="#">XML DOM 实例</a></li>
            <li><a href="#">AJAX 实例</a></li>
            <li><a href="#">VBScript 实例</a></li>
            <li><a href="#">ASP 实例</a></li>
            <li><a href="#">ADO 实例</a></li>
            <li><a href="#">SVG 实例</a></li>
            <li><a href="#">WAP 实例</a></li>
        </ul>

        <h2>测验/考试</h2>
        <ul>
            <li><a href="#">HTML 测验</a></li>
            <li><a href="#">HTML5 测验</a></li>
            <li><a href="#">XHTML 测验</a></li>
            <li><a href="#">CSS 测验</a></li>
            <li><a href="#">XML 测验</a></li>
            <li><a href="#">JavaScript 测验</a></li>
            <li><a href="#">jQuery 测验</a></li>
            <li><a href="#">SQL 测验</a></li>
            <li><a href="#">ASP 测验</a></li>
            <li><a href="#">PHP 测验</a></li>
        </ul>

        <h2>代码验证</h2>
        <ul>
            <li><a href="#">验证HTML</a></li>
            <li><a href="#">验证CSS</a></li>
            <li><a href="#">验证XHTML</a></li>
            <li><a href="#">验证XML</a></li>
            <li><a href="#">验证WML</a></li>
        </ul>
    </div>



    <div id="footer">
        <p>
            W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。
            W3School 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。
        </p>

        <p>
            当使用本站时，代表您已接受了本站的<a href="#">使用条款</a>和<a href="#">隐私条款</a>。版权所有，保留一切权利。
            赞助商：<a href="#">上海赢科投资有限公司</a>。
            <a href="#">蒙ICP备06004630号</a>
        </p>
    </div>
</div>
</body>
</html>

